<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="keywords" content="多米诺">
<meta name="description" content="咕咕UP主 · TRPG玩家 · 法语学习中 · 爱吸毛茸茸 · 想去俄罗斯旅游 · 讨厌胡萝卜">
<meta name="theme-color" content="#000">
<title>多米诺好强啊</title>
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/favicon.ico?v=1588956303102">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/styles/main.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/media/css/gemini.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/media/fonts/font-awesome.css">
<link
  href="//fonts.googleapis.com/css?family=Monda:300,300italic,400,400italic,700,700italic|Roboto Slab:300,300italic,400,400italic,700,700italic|Rosario:300,300italic,400,400italic,700,700italic|PT Mono:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext"
  rel="stylesheet" type="text/css">

<link href="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/media/hljs/styles/github.css"
  rel="stylesheet">
  
  <script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/themes/black/pace-theme-bounce.css" rel="stylesheet" />
  


<script src="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/media/hljs/highlight.js"></script>
<script src="https://cdn.jsdelivr.net/npm/velocity-animate@1.5.0/velocity.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/velocity-animate@1.5.0/velocity.ui.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css"
  integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">


<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js"
  integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js"
  integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
  onload="renderMathInElement(document.body);"></script>



<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164236457-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'UA-164236457-3');
</script>


<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?f1bd8b28514e2b7d01adfdbdebdc47dd";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>

</head>

<body>
  <div class="head-top-line"></div>
  <div class="header-box">
    
<div class="gemini">
  <header class="header  ">
    <div class="blog-header box-shadow-wrapper bg-color " id="header">
      <div class="nav-toggle" id="nav_toggle">
        <div class="toggle-box">
          <div class="line line-top"></div>
          <div class="line line-center"></div>
          <div class="line line-bottom"></div>
        </div>
      </div>
      <div class="site-meta">       
        <div class="site-title">
          
            <a href="/" class="brand">
              <span>多米诺好强啊</span>
            </a>  
          
        </div>
        
          <p class="subtitle">今天吸到毛茸茸了吗</p>
        
      </div>
      <nav class="site-nav" id="site_nav">
        <ul id="nav_ul">
          
            
            
              
            
            <li class="nav-item ">
              
              
                <a href="https://me.dominoh.com/" target="_self">
                  <i class="fa fa-globe"></i> 首页
                </a>
              
            </li>
          
            
            
              
            
            <li class="nav-item ">
              
              
                <a href="/archives/" target="_self">
                  <i class="fa fa-archive"></i> 归档
                </a>
              
            </li>
          
            
            
              
            
            <li class="nav-item ">
              
              
                <a href="/post/about/" target="_self">
                  <i class="fa fa-user"></i> 关于多米诺
                </a>
              
            </li>
          
            
            
              
            
            <li class="nav-item ">
              
              
                <a href="https://me.dominoh.com/tags/" target="_self">
                  <i class="fa fa-globe"></i> 标签
                </a>
              
            </li>
          
          
            
              <li class="nav-item ">
                <a href="/friends/" target="_blank">
                  
                    <i class="fa fa-address-book"></i> 多米诺的其他整活儿
                  
                </a>
              </li>
            
          
          <li id="fa_search" class="nav-item">
            <a href="javascript:void(0);">
              <i class="fa fa-search"></i> 搜索
            </a>
          </li>
        </ul>
      </nav>
    </div>
  </header>
</div>

<script type="text/javascript"> 
 
  let showNav = true;

  let navToggle = document.querySelector('#nav_toggle'),
  siteNav = document.querySelector('#site_nav');
  
  function navClick() {
    let sideBar = document.querySelector('.sidebar');
    let navUl = document.querySelector('#nav_ul');
    navToggle.classList.toggle('nav-toggle-active');
    siteNav.classList.toggle('nav-menu-active');
    if (siteNav.classList.contains('nav-menu-active')) {
      siteNav.style = "height: " + (navUl.children.length * 42) +"px !important";
    } else {
      siteNav.style = "";
    }
  }

  navToggle.addEventListener('click',navClick);  
</script>
  </div>
  <div class="main-continer">
    
    <div
      class="section-layout gemini ">
      <div class="section-layout-wrapper">
        <div id="sidebarMeta" class="sidebar">
    
<div class="sidebar-wrapper box-shadow-wrapper bg-color">
  <div class="sidebar-item">
    <img class="site-author-image right-motion" src="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/images/avatar.png"/>
    <p class="site-author-name">多米诺</p>
    
    <div class="site-description right-motion">
      
      
      
        <p>咕咕UP主 · TRPG玩家 · 法语学习中</p>
      
        <p>爱吸毛茸茸 · 想去俄罗斯旅游 · 讨厌胡萝卜</p>
      
      
    </div>
    
  </div>
  <div class="sidebar-item side-item-stat right-motion">
    <div class="sidebar-item-box">
      <a href="/archives/">
        
        <span class="site-item-stat-count">2</span>
        <span class="site-item-stat-name">文章</span>
      </a>
    </div>
    <div class="sidebar-item-box">
      <a href="">
        <span class="site-item-stat-count">2</span>
        <span class="site-item-stat-name">分类</span>
      </a>
    </div>
    <div class="sidebar-item-box">
      <a href="/tags/">
        <span class="site-item-stat-count">2</span>
        <span class="site-item-stat-name">标签</span>
      </a>
    </div>
  </div>
  
    
      <div class="sidebar-item">
        <span class="site-item-rss">
            <i class="fa fa-rss"></i>
            <a href="https://me.dominoh.com/atom.xml" target="_blank">RSS</a>
        </span>
      </div>
    
  
  
    <div class="sidebar-item sidebar-item-social">
      <div class="social-item">
        
          
            <a href="https://jq.qq.com/?_wv=1027&amp;k=52BVk6j">
              <i class="fa fa-comments" title="Q群"></i>
            </a>
          
            <a href="https://space.bilibili.com/3596837">
              <i class="fa fa-television" title="B站主页"></i>
            </a>
          
        
        
          
            <a class="social-img" href="#">
              <img src="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master\media\images\custom-array-imgSocials-1588956302783-socialImg.png" />
              <i class="fa fa-qq" title="QQ" ></i>
            </a>
          
        
      </div>
    </div>
  


  <div class="sidebar-item">
    <!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<meting-js
        id="156300298"//网易的上https://music.163.com/登陆自己的号找一个喜欢的歌单，复制地址栏上面的ID就可以啦！！！
        lrc-type="0"
        server="netease"//qq音乐或者其他上面有账号的小伙伴可以参考https://github.com/metowolf/MetingJS哦！！！
        order="random"//这里是歌单加载的排列顺序，list:按照原歌单排列；random：打乱顺序排列
        type="playlist"
        fixed="true"
        list-olded="true">
</meting-js>
  </div>

</div>
</div>
<script>
  let sidebarMeta = document.querySelector('#sidebarMeta');
  let scheme = 'gemini';
  let sidebarWrapper = document.querySelector('.sidebar-wrapper');
  if (sidebarMeta && (scheme === 'pisces' || scheme === 'gemini')) {
    document.addEventListener('scroll', function(e) {
      if (document.scrollingElement.scrollTop > parseInt(sidebarMeta.style.marginTop) + 10) {
        sidebarWrapper.classList.add('home-sidebar-fixed')
      } else {
        sidebarWrapper.classList.remove('home-sidebar-fixed')
      }
    });
  }
  </script>
        <div class="section-box gemini box-shadow-wrapper">
          <section class="friends-section bg-color slide-down-in">
            <div class="firends-box">
              <h1 class="firends-title" itemprop="name headline">多米诺的其他整活儿</h1>
              
              
              <a href="https://space.bilibili.com/3596837" target="_blank">
                <div class="firends-item">
                  <img src="http://qiniu1.dominoh.com/bili.png" />
                  <div class="right">
                    <div class="top">
                      B站空间
                    </div>
                    <div class="bottom">
                      
                    </div>
                  </div>
                </div>
              </a>
              
              <a href="https://dominoh.com/" target="_blank">
                <div class="firends-item">
                  <img src="https://blog.dominoh.com/avatar1.png" />
                  <div class="right">
                    <div class="top">
                      多米诺的主页
                    </div>
                    <div class="bottom">
                      
                    </div>
                  </div>
                </div>
              </a>
              
              <a href="https://dicer.club/" target="_blank">
                <div class="firends-item">
                  <img src="https://dicer.club/wordpress/wp-content/uploads/2018/11/cropped-dice-1-1-1.png" />
                  <div class="right">
                    <div class="top">
                      TRPG私骰分享站
                    </div>
                    <div class="bottom">
                      
                    </div>
                  </div>
                </div>
              </a>
              
              <a href="https://jq.qq.com/?_wv=1027&amp;k=52BVk6j" target="_blank">
                <div class="firends-item">
                  <img src="https://dicer.club/wordpress/wp-content/uploads/2018/11/375ED30E8747C8870758349397F046C3-1.jpg" />
                  <div class="right">
                    <div class="top">
                      多米诺的群
                    </div>
                    <div class="bottom">
                      
                    </div>
                  </div>
                </div>
              </a>
              
              <a href="https://cat.dominoh.com" target="_blank">
                <div class="firends-item">
                  <img src="http://qiniu1.dominoh.com/icon_cat.png" />
                  <div class="right">
                    <div class="top">
                      每日一猫
                    </div>
                    <div class="bottom">
                      
                    </div>
                  </div>
                </div>
              </a>
              
              
            </div>
            <hr>
            <div style="text-align:center">
              <span class="with-love">
                <i class="fa fa-heart"></i>
              </span>
              留言添加友链
              <span class="with-love">
                <i class="fa fa-heart"></i>
              </span>
            </div>
            <hr>
            <div class="friends-note">
              <p><strong>友链格式：</strong></p>
              <ul>
                <li>网站名称：多米诺好强啊</li>
                <li>网站地址：<a href="https://me.dominoh.com" data-pjax-state="">https://me.dominoh.com</a></li>
                <li>网站描述：咕咕UP主 · TRPG玩家 · 法语学习中 · 爱吸毛茸茸 · 想去俄罗斯旅游 · 讨厌胡萝卜</li>
                <li>网站头像：
                  <a href="https://me.dominoh.com/images/avatar.png">https://me.dominoh.com/images/avatar.png</a>
                </li>
              </ul>
            </div>
            
  <script src="https://cdn.jsdelivr.net/npm/valine@1.4.4/dist/Valine.min.js"></script>
<div id="vcomments" style="padding: 10px 0px 0px 0px"></div>

<style>
  .v .veditor {
    min-height: 10rem;
    background-image: url('https://me.dominoh.com/images/avatar.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    background-color: rgba(255, 255, 255, 0);
    resize: none;
  }

  .v .vwrap {
    border: 1px solid #000 !important;
  }

  .v .vbtn {
    padding: .4rem 1.2rem !important;
    border-color: #fff !important;
    background-color: #49b1f5 !important;
    color: #fff !important;
    font-size: .7rem !important;
  }

  .v .vcards .vcard .vh .vmeta .vat {
    padding: 0 .8rem !important;
    border: 1px solid #00c4b6 !important;
    border-radius: 5px !important;
    color: #00c4b6 !important;
  }
</style>
<script>
  new Valine({
    el: '#vcomments',
    appId: 'bTlz5XKYexx0anryWjwOtkta-gzGzoHsz',
    appKey: 'Oiy6YjbOC3vNv3Ouflg676Na',
    avatar: 'robohash',
    placeholder: '多米诺好强啊！说些什么吧——',
    pageSize: '',
    lang: 'zh-cn',
    visitor: 'true' === 'true',
    highlight: 'true' === 'true',
    avatarForce: 'true' === 'false',
  });
</script>

          </section>
        </div>
      </div>
    </div>
    <div class="footer-box">
  <footer class="footer">
    <div class="copyright">
     <!-- Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a> | © 2019-2020 Theme By <a href="https://github.com/hsxyhao/gridea-theme-next" target="_blank">HsxyHao</a>-->
    </div>
    <div class="poweredby">
      &copy; 2020<script>new Date().getFullYear()>2020&&document.write("-"+new Date().getFullYear());</script> <a href="http://dominoh.com">多米诺</a> | ALL RIGHTS RESERVED.
    </div>
  </footer>
  
  
  <div class="gemini back-to-top" id="back_to_top">
    <i class="fa fa-arrow-up"></i>
    
    <span class="scrollpercent">
      <span id="back_to_top_text">0</span>%
    </span>
    
  </div>
  
  
  
    

  
</div>
<script>

  let sideBarOpen = 'sidebar-open';
  let body = document.body;
  let back2Top = document.querySelector('#back_to_top'),
  back2TopText = document.querySelector('#back_to_top_text'),
  drawerBox = document.querySelector('#drawer_box'),
  rightSideBar = document.querySelector('.sidebar'),
  viewport = document.querySelector('body');

  function scrollAnimation(currentY, targetY) {
   
    let needScrollTop = targetY - currentY
    let _currentY = currentY
    setTimeout(() => {
      const dist = Math.ceil(needScrollTop / 10)
      _currentY += dist
      window.scrollTo(_currentY, currentY)
      if (needScrollTop > 10 || needScrollTop < -10) {
        scrollAnimation(_currentY, targetY)
      } else {
        window.scrollTo(_currentY, targetY)
      }
    }, 1)
  }

  back2Top.addEventListener("click", function(e) {
    scrollAnimation(document.scrollingElement.scrollTop, 0);
    e.stopPropagation();
    return false;
  });
  
  window.addEventListener('scroll', function(e) {
    let percent = document.scrollingElement.scrollTop / (document.scrollingElement.scrollHeight - document.scrollingElement.clientHeight) * 100;
    if (percent > 1 && !back2Top.classList.contains('back-top-active')) {
      back2Top.classList.add('back-top-active');
    }
    if (percent == 0) {
      back2Top.classList.remove('back-top-active');
    }
    if (back2TopText) {
      back2TopText.textContent = Math.floor(percent);
    }
  });

  
  let hasCacu = false;
  window.onresize = function() {
    if (window.width > 991) {
      calcuHeight();
    } else {
      hasCacu = false;
    }
  }

  function calcuHeight() {
    // 动态调整站点概览高度
    if (!hasCacu && back2Top.classList.contains('pisces') || back2Top.classList.contains('gemini')) {
      let sideBar = document.querySelector('.sidebar');
      let navUl = document.querySelector('#site_nav');
      sideBar.style = 'margin-top:' + (navUl.offsetHeight + navUl.offsetTop + 15) + 'px;';
      hasCacu = true;
    }
  }
  calcuHeight();
  
  let open = false, MOTION_TIME = 300, RIGHT_MOVE_DIS = '320px';

  if (drawerBox) {
    let rightMotions = document.querySelectorAll('.right-motion');
    let right = drawerBox.classList.contains('right');

    let transitionDir = right ? "transition.slideRightIn" : "transition.slideLeftIn";

    let openProp, closeProp;
    if (right) {
      openProp = {
        paddingRight: RIGHT_MOVE_DIS 
      };
      closeProp = {
        paddingRight: '0px'
      };
    } else {
      openProp = {
        paddingLeft: RIGHT_MOVE_DIS 
      };
      closeProp = {
        paddingLeft: '0px'
      };
    }

    drawerBox.onclick = function() {
      open = !open;
      window.Velocity(rightSideBar, 'stop');
      window.Velocity(viewport, 'stop');
      window.Velocity(rightMotions, 'stop');
      if (open) {
        window.Velocity(rightSideBar, {
          width: RIGHT_MOVE_DIS
        }, {
          duration: MOTION_TIME,
          begin: function() {
            window.Velocity(rightMotions, transitionDir,{ });
          }
        })
        window.Velocity(viewport, openProp,{
          duration: MOTION_TIME
        });
      } else {
        window.Velocity(rightSideBar, {
          width: '0px'
        }, {
          duration: MOTION_TIME,
          begin: function() {
            window.Velocity(rightMotions, {
              opacity: 0
            });
          }
        })
        window.Velocity(viewport, closeProp ,{
          duration: MOTION_TIME
        });
      }
      for (let i = 0; i < drawerBox.children.length; i++) {
        drawerBox.children[i].classList.toggle('muse-line');
      }
      drawerBox.classList.toggle(sideBarOpen);
    }
  }

  // 链接跳转
  let newWindow = 'true'
  if (newWindow === 'true') {
    let links = document.querySelectorAll('.post-body a')
    links.forEach(item => {
      if (!item.classList.contains('btn')) {
        item.setAttribute("target","_blank");
      }
    })
  }

  let faSearch = document.querySelector('#fa_search');
  faSearch.addEventListener('click', function() {
    document.querySelector('#search_mask').style = ''
  })

  // 代码高亮
  hljs.initHighlightingOnLoad();

</script>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script>
<script src="https://lab.magiconch.com/nbnhhsh/nbnhhsh.user.js"></script>
<script type="text/javascript" color="130,130,130" opacity='0.9' zIndex="-20" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
  </div>
</body>
<input hidden id="copy" />
<script>
  //拿来主义(真香)^_^，Clipboard 实现摘自掘金 https://juejin.im/post/5aefeb6e6fb9a07aa43c20af
  window.Clipboard = (function (window, document, navigator) {
    var textArea,
      copy;

    // 判断是不是ios端
    function isOS() {
      return navigator.userAgent.match(/ipad|iphone/i);
    }
    //创建文本元素
    function createTextArea(text) {
      textArea = document.createElement('textArea');
      textArea.value = text;
      textArea.style.width = 0;
      textArea.style.height = 0;
      textArea.clientHeight = 0;
      textArea.clientWidth = 0;
      document.body.appendChild(textArea);
    }
    //选择内容
    function selectText() {
      var range,
        selection;

      if (isOS()) {
        range = document.createRange();
        range.selectNodeContents(textArea);
        selection = window.getSelection();
        selection.removeAllRanges();
        selection.addRange(range);
        textArea.setSelectionRange(0, 999999);
      } else {
        textArea.select();
      }
    }

    //复制到剪贴板
    function copyToClipboard() {
      try {
        document.execCommand("Copy")
      } catch (err) {
        alert("复制错误！请手动复制！")
      }
      document.body.removeChild(textArea);
    }

    copy = function (text) {
      createTextArea(text);
      selectText();
      copyToClipboard();
    };

    return {
      copy: copy
    };
  })(window, document, navigator);

  function copyCode(e) {
    if (e.srcElement.tagName === 'SPAN' && e.srcElement.classList.contains('copy-code')) {
      let code = e.currentTarget.querySelector('code');
      var text = code.innerText;
      if (e.srcElement.textContent === '复制成功') {
        console.log('复制操作频率过高');
        return;
      }
      e.srcElement.textContent = '复制成功';
      (function (elem) {
        setTimeout(() => {
          if (elem.textContent === '复制成功') {
            elem.textContent = '复制代码'
          }
        }, 1000);
      })(e.srcElement)
      Clipboard.copy(text);
    }
  }

  let pres = document.querySelectorAll('pre');
  pres.forEach(pre => {
    let code = pre.querySelector('code');
    let copyElem = document.createElement('span');
    copyElem.classList.add('copy-code');
    copyElem.textContent = '复制代码';
    pre.appendChild(copyElem);
    pre.onclick = copyCode
  })
</script>
<script src="https://cdn.jsdelivr.net/gh/DomeenoH/blog@master/media/js/motion.js"></script>

<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<script>
  var scroll = new SmoothScroll('a[href*="#"]', {
    speed: 200
  });
</script>

<div class="search-mask" id="search_mask" style="display: none;">
  <div class="search-box">
    <div class="search-title">
      <i class="fa fa-search"></i>
      <div class="input-box">
        <input id="search" type="text" placeholder="搜索">
      </div>
      <i id="close" class="fa fa-times-circle"></i>
    </div>
    <div class="stat-box">
      <span id="stat_count">0</span>条相关条目，使用了<span id="stat_times">0</span>毫秒
      <hr>
    </div>
    <div class="result" id="result">
      
      <div class="item">
        <a class="result-title" style="opacity: 0;" href="https://me.dominoh.com/post/cL-FJHXG5/"" data-c="
          &lt;blockquote&gt;
&lt;p&gt;版权属于：bigmagic&lt;br&gt;
本文链接：&lt;br&gt;
https://www.cnblogs.com/bigmagic/p/3301b25e8b0b8ef8b9415379385a798c.html&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;1.说明&#34;&gt;1.说明&lt;/h2&gt;
&lt;p&gt;本文主要叙述如何写出更加优美的markdown文档。在我们观看文档的过程中，良好的格式将会带来很大的收益。对于不同颜色的字体也并不会显得花里胡哨，只会让我们表达的内容更加的清晰。下面来具体的看一下操作的流程。&lt;/p&gt;
&lt;h2 id=&#34;2.文字的居中&#34;&gt;2. 文字的居中&lt;/h2&gt;
&lt;p&gt;对于标准的markdown文本，是不支持居中对齐的。还好markdown支持html语言，所以我们采用html语法格式即可。&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-html&#34;&gt;&amp;lt;center&amp;gt;这一行需要居中&amp;lt;/center&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;下面就是排版后的结果&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;center&gt;这一行需要居中&lt;/center&gt;&lt;p&gt;&lt;/p&gt;
&lt;h2 id=&#34;3.文字的字体及颜色&#34;&gt;3.文字的字体及颜色&lt;/h2&gt;
&lt;h3 id=&#34;3.1字体更换&#34;&gt;3.1 字体更换&lt;/h3&gt;
&lt;p&gt;同样我们也需要遵照其标准的语法格式&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-html&#34;&gt;&amp;lt;font face=&amp;quot;黑体&amp;quot;&amp;gt;我是黑体字&amp;lt;/font&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;下面是测试结果&lt;/p&gt;
&lt;p&gt;&lt;font face=&#34;黑体&#34;&gt;我是黑体字&lt;/font&gt;&lt;/p&gt;
&lt;h3 id=&#34;3.2大小更换&#34;&gt;3.2 大小更换&lt;/h3&gt;
&lt;p&gt;大小为size&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-html&#34;&gt;&amp;lt;font face=&amp;quot;黑体&amp;quot; size=&amp;quot;10&amp;quot;&amp;gt;我是黑体字&amp;lt;/font&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;font face=&#34;黑体&#34; size=&#34;10&#34;&gt;我是黑体字&lt;/font&gt;&lt;/p&gt;
&lt;h3 id=&#34;3.3颜色替换&#34;&gt;3.3 颜色替换&lt;/h3&gt;
&lt;p&gt;对于html语音中，颜色是用color来表示，所以可以表示如下&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-html&#34;&gt;&amp;lt;font color=&amp;quot;red&amp;quot; size=&amp;quot;72&amp;quot;&amp;gt;颜色&amp;lt;/font&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;效果如下&lt;/p&gt;
&lt;p&gt;&lt;font color=&#34;red&#34; size=&#34;72&#34;&gt;颜色&lt;/font&gt;&lt;/p&gt;
&lt;h2 id=&#34;4总结&#34;&gt;4 总结&lt;/h2&gt;
&lt;p&gt;善用markdown语法，记住markdown语法是兼容html预言的，这很重要。&lt;/p&gt; 
[1]: https://www.cnblogs.com/bigmagic/p/3301b25e8b0b8ef8b9415379385a798c.html &#34;markdown让文字居中和带颜色&#34;">markdown让文字居中和带颜色</a>
      </div>
      
      <div class="item">
        <a class="result-title" style="opacity: 0;" href="https://me.dominoh.com/post/neng-bu-neng-hao-hao-shuo-hua-pin-yin-shou-zi-mu-suo-xie-shi-yi-gong-ju/"" data-c="
          &lt;p&gt;&lt;em&gt;一个过于沙雕的项目，但是真的好好用哈哈哈哈哈嗝&lt;/em&gt;&lt;/p&gt;
&lt;!-- more --&gt;
&lt;h3 id=&#34;center项目地址戳这里center&#34;&gt;&lt;center&gt;&lt;strong&gt;&lt;a href=&#34;https://lab.magiconch.com/nbnhhsh/&#34; title=&#34;项目地址戳这里&#34;&gt;项目地址戳这里&lt;/a&gt;&lt;/strong&gt;&lt;/center&gt;&lt;/h3&gt;
&lt;p&gt;装上之后划词就可以翻译了，这里给个同样沙雕的例文：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;草这个tmd网络世界我真的太恨缩写了。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;随便点开一条微博，艺人名字要缩写，gzs工作室也要缩写，gc广场他妈的也是缩写，hgr老子猜了老半天，百度一下才知道是韩国人，拳头硬了。&lt;br&gt;
讲个话开头也缩写，srds虽然但是，yjgj有句港句，bbl求求了。（这个谁看得出来你妈的）&lt;br&gt;
夸人骂人也都缩写，yjjc一骑绝尘，wdcc弯道超车，yygq阴阳怪气，myss美颜盛世，rnb我也猜了半天，最后被告知是really牛b的意思，哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈又硬了呢。&lt;br&gt;
最要命的还不是这些，我刚刚看到网友评价什么什么他jb的什么，我以为jb就是jb的意思吧，但联系上下文句子又读不通，想了一分钟，哇，原来jb是姜滨的缩写啊！&lt;br&gt;
jb＝姜滨，我离开了。&lt;/p&gt;
&lt;/blockquote&gt;
">能不能好好说话？——拼音首字母缩写释义工具</a>
      </div>
      
      <div class="item">
        <a class="result-title" style="opacity: 0;" href="https://me.dominoh.com/post/about/"" data-c="
          &lt;blockquote&gt;
&lt;p&gt;多米诺好强啊！&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;关于这个网站&#34;&gt;&lt;strong&gt;关于这个网站&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;多米诺的又（为什么是又）一个博客，里面囤放着他现在感兴趣或者正在干的事情&lt;/p&gt;
&lt;h2 id=&#34;关于多米诺&#34;&gt;&lt;strong&gt;关于多米诺&lt;/strong&gt;&lt;/h2&gt;
&lt;figure data-type=&#34;image&#34; tabindex=&#34;1&#34;&gt;&lt;img src=&#34;https://me.dominoh.com/post-images/1587543709992.gif&#34; alt=&#34;多米诺&#34; loading=&#34;lazy&#34;&gt;&lt;/figure&gt;
&lt;h3 id=&#34;center多米诺center&#34;&gt;&lt;center&gt;多米诺&lt;/center&gt;&lt;/h3&gt;
&lt;p&gt;咕咕&lt;a href=&#34;https://space.bilibili.com/3596837&#34;&gt;UP主&lt;/a&gt;·TRPG玩家·法语学习中&lt;br&gt;
吸一切毛茸茸·云吸猫·想去俄罗斯旅游&lt;br&gt;
随缘做视频·不靠谱一体机·今天摸什么&lt;br&gt;
这个人什么都会 什么都不会&lt;br&gt;
只能靠跑跑团维持生活这个样子&lt;/p&gt;
&lt;h2 id=&#34;找我玩找我玩找我玩&#34;&gt;&lt;strong&gt;找我玩找我玩找我玩&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;&lt;a href=&#34;https://blog.dominoh.com&#34;&gt;&amp;gt;点这里去多米诺的博客&amp;lt;&lt;/a&gt;&lt;br&gt;
&lt;a href=&#34;https://dicer.club&#34;&gt;TRPG私骰分享站&lt;/a&gt; | &lt;a href=&#34;https://jq.qq.com/?_wv=1027&amp;k=52BVk6j&#34;&gt;加群玩&lt;/a&gt; | &lt;a href=&#34;https://space.bilibili.com/3596837&#34;&gt;B站主页&lt;/a&gt;&lt;/p&gt;
">关于多米诺你想知道的</a>
      </div>
      
    </div>
    <div class="page">
      <div id="page_ul"></div>
    </div>
  </div>
</div>
<script>
  !function () {
    let searchMask = document.querySelector('#search_mask');
    let result = document.querySelector('#result');
    let items = document.querySelectorAll('.item');
    let searchBox = document.querySelector('#search');
    let statCount = document.querySelector('#stat_count');
    let statTimes = document.querySelector('#stat_times');
    let pageUl = document.querySelector('#page_ul');
    let close = document.querySelector('#close');
    
    close.addEventListener('click', function() {
      searchMask.style = 'display: none;'
    })

    let finds = [];
    let contents = [];
    let pageSize = 10;
    items.forEach(item => {
      let a = item.querySelector('a');
      contents.push({
        title: a.innerText,
        details: a.dataset.c,
        link: a.href
      })
      item.remove();
    })

    function insertStr(soure, start, count) {
      let newStr = soure.substr(start, count);
      return soure.slice(0, start) + '<em>' + newStr + '</em>' + soure.slice(start + count);
    }

    pageUl.addEventListener('click', function(event) {
      let target = event.target;
      if (target.__proto__ === HTMLSpanElement.prototype) {
        appendResults(parseInt(target.dataset.i));
      }
    })

    function appendResults(index) {
      let htmlResult = '';
      let start = index || 0;
      let end = Math.min(start + pageSize, finds.length);
      for (let i = start; i < end; i++) {
        const current = finds[i];
        let html = current.title;
        let sum = 0;
        let positions = current.positions;
        positions.forEach(position => {
          html = insertStr(html, position.start + sum, position.count);
          sum += 9;
        })
        htmlResult += `<div class="item"><a class="result-title" href="${current.link}">${html}</a></div>`;
      }
      result.innerHTML = htmlResult;
      pageUl.innerHTML = '';
      let count = finds.length / pageSize;
      let lis = '';
      if (start !== 0) {
        lis += `<span class="fa fa-angle-left" data-i='${start - 1}'></span>`;
      }
      for (let i = 0; i < count; i++) {
        lis += `<span class='${i === start?'current':''}' data-i='${i}'>${i+1}</span>`;     
      }
      if (start+1 < count) {
        lis += `<span class="fa fa-angle-right" data-i='${start+1}'></span>`;  
      }
      pageUl.innerHTML = lis;
    }

    function search(delay) {
      let timer = null
      return function () {
        clearTimeout(timer)
        timer = setTimeout(() => {
          let start = Date.now();
          let segments = searchBox.value.split(' ').filter(c => c != '');
          if (segments.length <= 0) {
            return;
          }
          finds = [];
          let htmlResult = '';
          contents.forEach(content => {
            let title = content.title;
            let positions = [];
            let find = false;
            segments.forEach((segment) => {
              if (content.title.includes(segment)) {
                find = true;
                positions.push({
                  start: content.title.indexOf(segment),
                  count: segment.length
                })
              } else if (content.details.includes(segment)) {
                find = true;
              }
            });
            if (find) {
              finds.push({
                title: content.title,
                link: content.link,
                positions
              });
            }
          })
          appendResults(0);
          statCount.textContent = finds.length;
          statTimes.textContent = Date.now() - start;
        }, delay)
      }
    }
    searchBox.addEventListener('input', search(200));
  }()
</script>



</html>